import React , { Component , Fragment} from 'react';

class View extends Component {
    constructor(props){
        super(props);
        // 创造一个 textInput DOM 元素的 ref
        this.inputFrom = React.createRef();
    }
    focus() {
      // 使用原始的 DOM API 显式地聚焦在 text input 上
      // 注意：我们通过访问 “current” 来获得 DOM 节点
      this.inputFrom.current.focus();
    }
    componentDidMount(){
        this.timer = setTimeout(()=>{
            console.log(1)
            console.log(this.inputFrom.current.value)
        },3000)
    }
    componentWillUnmount(){
        clearTimeout(this.timer);
    }
    render(){
        return(
            <Fragment>
                <h3>这是要讲ref的用法</h3>
                <div>
                    <input type="text" ref={this.inputFrom}/>
                </div>
            </Fragment>
        )
    }
}
export default View;
